<template>
<div class="index">
  <p style="height: 100px;font-size: 62px;text-align: center" >泊客湾酒店管理平台</p>
    <el-button class="btn"    style="height: 35px;width: 100px;color: #000;" @click="f1">订单管理</el-button>
    <el-button class="btn"   style="height: 35px;width: 100px;color: #000" @click="f2">客房中心</el-button>
    <el-button class="btn"   style="height: 35px;width: 100px;color: #000" @click="f3">员工管理</el-button>
    <el-button class="btn"    style="height: 35px;width: 100px;color: #000" @click="f4">爱心服务</el-button>

</div>
</template>

<script>
export default {
  data(){
    return {

    }
  },
  methods:{
    f1(){
      this.$router.push('/ol')
    },
    f2(){
      this.$router.push('/rs2')
    } ,
    f3(){
      this.$router.push('/ei')
    } ,
    f4(){
      this.$router.push('/sl')
    }
  }
}

</script>

<style>

.box-card {
  border: none;
}
.index{
  text-align: center;
  height: 900px;
  background-image: url("https://img1.baidu.com/it/u=1870122662,2263607505&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500");
  background-repeat:no-repeat;
  background-size: 100% 100%;
  margin: auto;
  border: none;
  color: #79bbff;
  border: none;
}
.btn{
  background-color: #337ecc;
}

body{

}
</style>